<template>
    <div class="subpage">
        <my-head title='修改地址' :back="false" ></my-head>
        <div>
     <div class="list1"><span class="span1">收货人</span><input type="text" placeholder="输入收货人姓名" maxlength="20"></div>
     <div class="list1"><span class="span1">手机号码</span><input type="text" placeholder="输入收货人手机" maxlength="20"></div>
     <div class="list1"><span class="span1">所在地区</span><input type="text" placeholder="输入收货人所在地区" maxlength="20"></div>
     <div class="list1"><span class="span1">详细地址</span><input type="text" placeholder="详细地址" maxlength="20"></div>
      <div class="list2" @click="deletelist">删除当前地址</div>
   <button>保存并使用</button>
     </div>
    </div>
</template>

<script>
export default {
    data() {
        return{

        }
    },
    methods:{
      async savePlace() {
        let res = await this.$ajax.savePlace({
            phone:this.userInfo.phone//区分用户
        })
        // console.log(res[0].id);
        for(let i=0;i<res.length;i++){
             this.palceList.push({
            id:res[i].id,
            name:res[i].name,
            tel:res[i].tel,
            address:res[i].province + res[i].city +res[i].county 
        })
        }
        console.log(this.palceList);
        
    },

        deletelist(){

        }
    }
}
</script>


<style lang="less">
.list2{
    font-size: .6rem;
     color: rgb(247, 16, 16);
     margin-left: 20px;
}
.list1{
   
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 0.24rem 0.24rem;
    overflow: hidden;
    color: #333;
    font-size: .3rem;
    line-height: .46rem;
    background-color: #fff;

}
.span1{
    font-size: 20px;
    padding: 16px 15px;
    width: 4rem;
    color: #333;
}
// input{
   
//     display: block;
//     box-sizing: border-box;
//     width: 100%;
//     margin: 0;
//     padding: 0;
//     color: #333;
//     text-align: left;
//     background-color: transparent;
//     border: 0;
//     resize: none;

// }
button{
    height: 0.92rem;
    font-size: .32rem;
    line-height: .92rem;
    text-align: center;
    background-color: #f63434;
    color:#fff;
    border: none;
    width: 100%;
    height: 50px;
    margin-top: 100px;
   
}
</style>